*
{
	box-sizing: border-box;
}

html, body
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Lato', sans-serif;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 1em;
	line-height: 125%;
	padding: 0; margin: 0;
	width: 100%; height: 100%;
	position: relative;
	color: #666D70;
	background-color: #FFF;
}


.clear
{ clear: both; }
.hint
{ display: none; }
a
{ text-decoration: none; color: #000;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out; }
a:hover, a.selected
{ color: #C02506; }
ul
{ list-style: disc; padding: 0 1em; }
.noticea
{ color: #54B89B; }
.warning
{ color: #F00; }
button
{
	outline: none;
	cursor: pointer;
}




/* HEADER */

.container_header .header
{
	margin: 0 auto;
	position: relative;
}

.header .logo
{
	position: absolute; left: -7%; top: 0; transform: translate(0, 200%);
	z-index: 10010;
}
.header .logo h1
{
	font-family: 'Montserrat', sans-serif; 
	text-transform: uppercase;
	-moz-transform-origin:0 50%;
	-moz-transform:rotate(-90deg) translate(-50%, 50%);
	-webkit-transform-origin:0 50%;
	-webkit-transform:rotate(-90deg) translate(-50%, 50%);
	-o-transform-origin:0 50%;
	-o-transform:rotate(-90deg) translate(-50%, 50%);
	-ms-transform-origin:0 50%;
	-ms-transform:rotate(-90deg) translate(-50%, 50%);
	transform-origin:0 50%;
	transform:rotate(-90deg) translate(-50%, 50%);
	letter-spacing: 0.05em;
}
.header .logo h1 a strong
{
	font-weight: 700;
	color: #BAA38F;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.header .logo h1 a strong::before
{ 
	content: "\02022\02022\02022";
	letter-spacing: 0.4em;
}

.header button
{
	display: none;
}




/* CONTENT */


.container .box.sexty a
{
	text-decoration: underline; color: #866C56;
}


/* HOMEPAGE */

.container.homepage
{
	margin: 0 auto;
}

.container.homepage .box.showcase
{
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
}
.container.homepage .box.showcase #slider
{
	width: 100%; height: 100%;
	display: block;
}

.container.homepage .box.showcase .text h2
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #FFF;
	position: absolute; left: -2%; bottom: 4%;
}
.container.homepage .box.showcase .text p
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #FFFFFF;
	position: absolute; left: 7%; bottom: 4%;
	width: 50%;
}


/* HOMEPAGE SEXTY */

.container.homepage .box.sexty
{
	margin: 4em auto;
}

.container.homepage .box.sexty .sext.one
{
	font-family: 'Montserrat', sans-serif; font-weight: 700; 
	color: #333;
}
.container.homepage .box.sexty .sext.two, .container.homepage .box.sexty .sext.four
{
	color: #656D6F;
	margin: 0 auto;
}
.container.homepage .box.sexty .sext.two p, .container.homepage .box.sexty .sext.four p
{
	margin: 0;
}
.container.homepage .box.sexty .sext.three
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #856C55;
	margin: 1.5em 0;
}


/* HOMEPAGE GALLERY */

.container.homepage .box.gallery
{
	width: 100%;
}

.container.homepage .box.gallery #slider
{
	display: block;
	outline: none;
	position: relative;
}




/* HOMEPAGE SERVICES */

.container.homepage .box.services
{
	margin: 4em auto;
	position: relative;
}

.container.homepage .box.services h2
{
	position: absolute; left: -10%; top: 0;
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #CBCFD1;
	margin: 0;
}

.box.services .xlarge
{
	float: left;
	display: block;
	margin: 8em 0 0 0;
}
.box.services .xlarge .image
{
	display: block;
}

.box.services .small
{
	float: right;
	clear: right;
	display: block;
	margin: 3em 0 0 0;
}
.box.services .small .image
{
	display: block;
}
.box.services .medium
{
	float: right;
	clear: right;
	display: block;
	margin: 5.5em 0 0 0;
}
.box.services .medium .image
{
	display: block;
}
.box.services .image a
{
	width: 100%; height: 100%; display: block;
	position: relative;
}
.box.services .image a:hover
{
	background: rgba(186, 163, 143, 0.85);
	color: #FFF;
}
.box.services .image a:hover:before
{
	content: '\02192';
	color: #FFF;
	position: absolute; left: 50%; top: 45%; transform: translate(-50%, -45%);
}
.box.services .image a:hover:after
{
	content: 'Pozri';
	color: #FFF;
	position: absolute; left: 50%; top: 65%; transform: translate(-50%, -65%);
}
.box.services .image a:hover:focus
{
	outline: none;
}

.box.services .image a strong
{
	display: none;
}

.container.homepage .box.services h3
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #B9A38F;
	margin: 1em 0 0 0;
}
.container.homepage .box.services h3 a
{
	color: #B9A38F;
}
.container.homepage .box.services h3 a:after
{
	content: ' \02192';
}
.container.homepage .box.services p
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #333;
	margin: 0.5em 0 0 0;
}
.container.homepage .box.services p a
{
	color: #333;
}





/* HISTORY */

/* HISTORY SEXTY */

.container.history .box.sexty
{
	margin: 4em auto;
}

.container.history .box.sexty .sext.one
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
}
.container.history .box.sexty .sext.two
{
	color: #656D6F;
	margin: 0 auto;
}
.container.history .box.sexty .sext.two p
{
	margin: 1em 0;
}
.container.history .box.sexty .sext.three
{
	color: #656D6F;
	margin: 0 auto;
}
.container.history .box.sexty .sext.three p
{
	margin: 1em;
}
.container.history .box.sexty .sext.four
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #856C55;
	margin: 2.5em 0;
	width: 100%;
}
.container.history .box.sexty .sext.five
{
	color: #656D6F;
	margin: 0 auto;
}
.container.history .box.sexty .sext.five p
{
	margin: 1em;
}
.container.history .box.sexty .sider
{
	position: relative;
}
.container.history .box.sexty .sider .sext.six
{
	position: absolute; left: -7%; top: 0;
}
.container.history .box.sexty .sider .sext.six h3
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
	margin: 0;
}
.container.history .box.sexty .sider .sext.six p
{
	font-family: 'Montserrat', sans-serif; font-weight: 400; 
	color: #979797;
}


/* HISTORY GALLERY */

.container.history .box.gallery #slider
{
	display: block;
	outline: none;
	position: relative;
}







/* SERVICES */

/* SERVICES SEXTY */

.container.services .box.sexty
{
	margin: 4em auto;
}

.container.services .box.sexty .sext.one
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
}
.container.services .box.sexty .sext.two
{
	color: #656D6F;
	margin: 0 auto;
}
.container.services .box.sexty .sext.two p
{
	margin: 1em 0;
}
.container.services .box.sexty .sext.three
{
	font-family: 'Montserrat', sans-serif; font-weight: 400; 
	color: #856C55;
	margin: 2.5em 0;
	width: 100%;
}
.container.services .box.sexty .sext.four
{
	color: #656D6F;
	margin: 0 auto 4em auto;
}
.container.services .box.sexty .sext.four p
{
	margin: 1em 0;
}
.container.services .box.sexty .sext.five
{
	font-family: 'Montserrat', sans-serif; font-weight: 700; 
	color: #333;
	border-top: 1px solid #ECECEC;
}
.container.services .box.sexty .sext.six
{
	color: #656D6F;
	margin: 0 auto;
}
.container.services .box.sexty .sext.six p
{
	margin: 1em 0;
}
.container .sexty .sext p strong
{
	color: #856B55;
	font-weight: 700;
}



/* CLIENTS */

/* CLIENTS SEXTY */

.container.clients .box.sexty
{
	margin: 4em auto;
}

.container.clients .box.sexty .sext.one
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
}

.container.clients .box.sexty .sext.two
{
	color: #656D6F;
	margin: 0 auto;
}
.container.clients .box.sexty .sext.two p
{
	margin: 1em 0;
}
.container.clients .box.sexty .sext.three
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #856C55;
	margin: 2.5em 0;
	width: 100%;
}
.container.clients .box.sexty .sext.four
{
	color: #656D6F;
	margin: 0 auto;
}
.container.clients .box.sexty .sext.four p
{
	margin: 1em 0;
}
.container.clients .box.sexty .sext.four p a
{
	color: #A8A8A8;
}




/* ARTICLES (dailylife) */

/* ARTICLES LIST */

.container.articles .box
{
	margin: 4em auto;
}

.container.articles .box .article.thumb
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0 0 6.25em 0;
	position: relative;
}

.container.articles .box .text h2
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
	margin: 0;
}
.container.articles .box .article.thumb
{
	border-bottom: 1px solid #EDEDED; padding: 0 0 5em 0;
}
.container.articles .box .article.thumb .text h2 a
{
	color: #343333;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.container.articles .box .article.thumb .text h2 a:hover
{
	color: #B9A38F;
}
.container.articles .box .text h3
{
	font-weight: 400;
	color: #9CA1A2;
}
.container.articles .box .text .descr
{
	font-weight: 400;
	color: #666D70;
}
.container.articles .box .article.thumb .text h4
{
	position: absolute; right: 0; bottom: 0;
	font-weight: 400;
	padding: 0 0 3em 0;
}
.container.articles .box .article.thumb .text h4 a
{
	background: #BAA38F; color: #FFF;
	padding: 0.5em 2em;
}
.container.articles .box .article.thumb .text h4 a:after
{
	content: '\02192';
}
.container.articles .box .article.thumb .text h4 a:hover
{
	background: #7B614B;
}
.container.articles .box .article.thumb .image.thumb a
{
	position: relative;
	display: block;
}
.container.articles .box .article.thumb .image.thumb a:hover
{
	background: rgba(186, 163, 143, 0.85);
	color: #FFF;
}
.container.articles .box .article.thumb .image.thumb a:hover:before
{
	content: '\02192';
	color: #FFF;
	position: absolute; left: 50%; top: 45%; transform: translate(-50%, -45%);
}
.container.articles .box .article.thumb .image.thumb a:hover:after
{
	content: 'Pozri';
	color: #FFF;
	position: absolute; left: 50%; top: 65%; transform: translate(-50%, -65%);
}
.container.articles .box .article.thumb .image.thumb a:focus
{
	outline: none;
}

/* ARTICLE SHOW*/

.container.articles .box.show .gallery
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.container.articles .box.show .gallery::after
{
	content: "";
}
.container.articles .box.show .gallery p, .container.articles .box.show .gallery a
{
	display: block;
}




/* CONTACT */

.container.contact .box.articles
{
	margin: 4em auto;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.container.contact .box.articles .descr, .container.contact .box.articles .content
{
	width: 50%;
}

.container.contact .box.articles h2
{
	font-weight: 700;
	text-transform: uppercase;
	color: #856B55;
	margin: 0;
}
.container.contact .box.articles h3
{
	font-weight: 700;
	color: #856B55;
	margin: 0 0 2em 0;
}
.container.contact .box.articles dl
{
	margin: 1em 0; padding: 0;
}
.container.contact .box.articles .content dl
{
	border-bottom: 1px solid #EDEDED;
	padding: 0 0 1em 0;
}
.container.contact .box.articles dl dt
{
	color: #856B55;
	font-weight: 700;
}
.container.contact .box.articles dl dd
{
	margin: 0; padding: 0;
}
.container.contact .box.map
{
	margin: 0 auto;
}
.container.contact #map-canvas
{
	margin: 2em 0 4em 0;
}




/* PUBLIC */

.container.public .box
{
	margin: 4em auto;
}

.container.public .category h2
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	color: #333;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #ECECEC;
	margin: 0.5em 0;
}
.container.public .category h2:hover
{
	cursor: pointer;
	color: #000;
}
.container.public .category h2 span
{
	display: block;
	text-align: center;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.container.public .category h2.open span
{
	transform:rotate(180deg);
	
}
.container.public .category h2 span::after
{
	content: "\2193";
	color: #B9A38F;
}

.container.public .category .file
{
	border-bottom: 1px solid #ECECEC;
	padding: 2em 0;
}




/* FOOTER */

div.container_footer
{
	background: #E0E1E3;
	background-size: cover;
	background: url(../gfx/footer.jpg) no-repeat 50% 50% #E0E1E3;
}


div.container_footer .footer
{
	position: relative;
	margin: 0 auto;
	 display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.footer .logo
{
	position: absolute; left: -7%; top: -48%; transform: translate(0, 200%);
}
.footer .logo h2
{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	-moz-transform-origin:0 50%;
	-moz-transform:rotate(-90deg) translate(-50%, 50%);
	-webkit-transform-origin:0 50%;
	-webkit-transform:rotate(-90deg) translate(-50%, 50%);
	-o-transform-origin:0 50%;
	-o-transform:rotate(-90deg) translate(-50%, 50%);
	-ms-transform-origin:0 50%;
	-ms-transform:rotate(-90deg) translate(-50%, 50%);
	transform-origin:0 50%;
	transform:rotate(-90deg) translate(-50%, 50%);
	letter-spacing: 0.05em;
}
.footer .logo h2 a strong
{
	font-weight: 700;
	color: #BAA38F;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.footer .logo h2 a strong::after
{ 
	content: " \02022\02022\02022\02022\02022";
	letter-spacing: 0.4em;
}


.footer .nav_footer
{
	width: 50%;
}
.footer .nav_footer ul
{
	width: 80%;
	overflow: hidden;
	margin: 0; padding: 0;
}
.footer .nav_footer ul li
{
	line-height: 1.5em;
	float: left;
	display: inline;
	padding: 0 0 1em 0;
}
.footer .nav_footer ul#double li
{
	width: 50%;
}
.footer .nav_footer ul li a
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #717171;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.footer .nav_footer ul li a:hover, .footer .nav_footer ul li.selected a
{
	color: #000;
}


.footer .info
{
	position: relative;
	width: 50%;
}
.footer .info dl
{
	margin: 0;
}
.footer .info dd
{
	margin: 0;
}
.footer .info dd.one
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	text-transform: uppercase;
	color: #717171;
}
.footer .info dd.two
{
	font-family: 'Montserrat', sans-serif; font-weight: 700;
	text-transform: uppercase;
	color: #B7B7B7;
	margin: 0.25em 0 0.6em 0.25em;
}
.footer .info dd.three
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #717171;
	float: left;
}
.footer .info dd.four
{
	font-family: 'Montserrat', sans-serif; font-weight: 400;
	color: #717171;
	float: right;
}
.footer .info dd.four a
{
	color: #717171;
}
.footer .info dd.four a:hover
{
	color: #907B68; 
}





/* SLICK SLIDER */

ul.slick-dots
{
	list-style: none; text-align: center;
	margin: 0; padding: 4.4em;
	position: absolute; right: 0; bottom: 0;
	background: #FFF;
}
.slick-dots li
{
	display: inline-block;
	margin: 0 0.65em;
}
.slick-dots li:hover, .slick-dots li.slick-active
{
	transform: scale(1.25);
}
.slick-dots li button
{
	display: block;
	width: 1.25em; height: 1.25em;
	background: #D9D5D7; color: #D9D5D7;
	border: none; border-radius:50%;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
}
.slick-dots li button:hover
{
	background: #B19883; color: #B19883;
}


.slick-next
{
	position: absolute; right: 5%; top: 40%; transform: translate(0, -40%);
	background: none;
	border: none;
	color: transparent;
}

.slick-next::after
{
	content: "\0232A";
	color: #CBCFD1;
	font-weight: 400;
	opacity: 0.5;
}
.slick-next:hover::after
{
	opacity: 1;
}

.slick-prev
{
	position: absolute; left: 5%; top: 40%; transform: translate(0, -40%);
	z-index: 9999;
	background: none;
	border: none;
	color: transparent;
}

.slick-prev::after
{
	content: "\02329";
	color: #CBCFD1;
	font-weight: 400;
	opacity: 0.5;
}
.slick-prev:hover::after
{
	opacity: 1;
}

.slick-current.slick-active
{
	opacity:1; filter: brightness(1) !important;
}
.slick-slide
{
	opacity:1; filter: brightness(0.40);
	background: #000;
	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-ms-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
}



.cookie {
	position: fixed;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	display: none;
}
.cookie div {
	display: inline-block;
	padding: 15px 0px 15px 0px;
}

.cookie .text {
	font-size: 14px;
}

.cookie .ok {
	cursor: pointer;
	font-weight: bold;
	background: #FFFFFF;
	margin-left: 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	color: #333333;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 30px 8px 30px;

}

